// 引入创建路由和路由映射 （地址表）
import { createRouter, createWebHashHistory } from 'vue-router';
// 访问根
const root = {
  path: '/',
  redirect: '/home/home',
};
// 练习
const home = {
  path: '/home',
  name: 'home',
  // 子路由
  children: [
    {
      // 路径
      path: '/home/home',
      // 名字
      name: 'Home',
      // 动态导入 一个vue文件
      component: () => import("@/pages/home/home.vue"),
    },
    {
      // 路径
      path: '/home/upload',
      // 名字
      name: 'homeUpload',
      // 动态导入 一个vue文件
      component: () => import("@/pages/home/upload.vue"),
    },
    {
      // 路径
      path: '/home/emergency',
      // 名字
      name: 'homeEmergency',
      // 动态导入 一个vue文件
      component: () => import("@/pages/home/emergency.vue"),
    },
  ]
};

const shop = {
  path: '/shop',
  name: 'shop',
  // 子路由
  children: [
    {
      // 路径
      path: '/shop/shop',
      // 名字
      name: 'shopinfo',
      // 动态导入 一个vue文件
      component: () => import("@/pages/shop/shop.vue"),
    },
  ]
};

const message = {
  path: '/message',
  name: 'message',
  // 子路由
  children: [
    {
      // 路径
      path: 'contactreinfo',
      // 名字
      name: 'contactreinfo',
      // 动态导入 一个vue文件
      component: () => import("@/pages/message/contactreinfo.vue"),
    },
    {
      // 路径
      path: 'contactrelist',
      // 名字
      name: 'contactreList',
      // 动态导入 一个vue文件
      component: () => import("@/pages/message/contactrelist.vue"),
    },
    {
      // 路径
      path: 'contactrelist',
      // 名字
      name: 'contactreList',
      // 动态导入 一个vue文件
      component: () => import("@/pages/message/contactrelist.vue"),
    },
    {
      // 路径
      path: 'postinfo',
      // 名字
      name: 'postinfo',
      // 动态导入 一个vue文件
      component: () => import("@/pages/message/postinfo.vue"),
    },
    {
      // 路径
      path: 'publishpost',
      // 名字
      name: 'publishpost',
      // 动态导入 一个vue文件
      component: () => import("@/pages/message/publishpost.vue"),
    },
  ]
};
const user = {
  path: '/user',
  name: 'user',
  children: [
    {
      path: '/user/login',
      name: 'userLogin',
      component: () => import('@/pages/user/login.vue'),
    },
    {
      path: '/user/userinfo',
      name: 'userInfo',
      component: () => import('@/pages/user/userinfo.vue'),
    },
    {
      path: '/user/editinfo',
      name: 'userEdit',
      component: () => import('@/pages/user/editinfo.vue'),
    },
    {
      path: '/user/help',
      name: 'userHelp',
      component: () => import('@/pages/user/help.vue'),
    },
  ]
};
const register = {
  path: '/register',
  name: 'register',
  children: [
    {
      path: '/user/register',
      name: 'userRegister',
      component: () => import('@/pages/user/register.vue'),
    },
  ]
}

// 路由对象的合集
const routes = [
  root,
  home,
  user,
  shop,
  message,
]

// 创建路由实例
const router = createRouter({
  history: createWebHashHistory(),
  routes: routes,
})
// 暴露
export default router;